var allocateUserStore=new Ext.data.Store({
	proxy : new Ext.data.HttpProxy({
		url : 'showUserList',
		method : 'post'
	}),
	reader : new Ext.data.JsonReader({
		root : 'userList',
		totalProperty : 'totalUser',
		id : 'id'
	}, [{
		name : 'id'
	}, {
		name : 'name'
	},{
		name : 'password'
	},{
		name : 'type'
	}, {
		name : 'company'
	}]),
	remoteSort: false
});

//表格列模型
var allocateUserColumnModel=new Ext.grid.ColumnModel([
	new Ext.grid.RowNumberer(),
	{
		header : '用户ID',
		width : 120,
		dataIndex : 'id',
		sortable : true,
		align : 'center'//,
		//id : 'userid'
	},
	{
		header : '用户名',
		width : 120,
		dataIndex : 'name',
		sortable : true
		
	},{
		header : '密码',
		width : 120,
		dataIndex : 'password',
		sortable : true
		
	},{
		header : '类型',
		width : 120,
		dataIndex : 'type',
		sortable : true
		
	},  
	{
		header : '所属公司',
		width : 120,
		dataIndex : 'company',
		sortable : true,
		align : 'center'
	}]
);

//显示当前公司所管理的用户列表
var userList=new Ext.grid.GridPanel({
	enableColumnResize : true,
	border : true,
	//clicksToEdit:1,
	enableColumnMove : true,
	enableHdMenu : false,
	stripeRows: true, //显示斑马线
	loadMask: true,
	autoHeight:true,
	bodyStyle:'width:100%',
    autoWidth:true,
    //editable:true,
    //sm : oplogsm,
	//columns : oplogColumnModel,
	bbar: new Ext.PagingToolbar({//下面的分页条
        pageSize: 20,
        store: allocateUserStore,
        displayInfo: true,
        displayMsg: '当前显示第 {0} 条到 {1} 条记录，一共 {2} 条',
        emptyMsg: "没有记录",
        lastText:"尾页",   
        nextText :"下一页",   
        prevText :"上一页",   
        firstText :"首页",   
        refreshText:"刷新页面"        
    }),
	cm : allocateUserColumnModel,
	store : allocateUserStore
	
});

//工具栏
var tbar1=new Ext.Toolbar({
	items:[{
		xtype:'button',
		iconCls : 'search',
		width:60,
		text:'显示全部',
		handler:showAllUser
	},{
		xtype:'button',
		iconCls : 'db-icn-add',
		width:60,
		text:'添加用户',
		handler:addUser
	},{
		xtype:'button',
		iconCls : 'db-icn-cross',
		width:60,
		text:'删除用户',
		handler:deleteUser
	}
	]
});



//权限设置面板
var allocateUserPanel=new Ext.Panel({
	title:'用户管理',
	id:'allocateUser-panel',
	layout:'fit', 
	items:[userList],
	autoScroll:true,
	tbar:{
		xtype: 'container',
		items: [tbar1]
	}
});

function addUser(){
	addWindow.show();
}

var addWindow=new Ext.Window({
								title : '基本信息',
								height : 260,
								width : 500,
								layout : 'fit',
								closeAction : 'hide',
								frame : 'true',
								plain : 'true',
								constrainHeader : 'true',
								resizable : false,
								modal : true,
								items : [editForm2 = new Ext.FormPanel({
									labelAlign : 'left',
									bodyStyle : 'padding:5px',
									buttonAlign : 'center',
									blankText : '不允许为空',
									labelSeparator : ":",
									labelWidth : 80,
									frame : true,
									items : [{
										layout : 'column',
										border : false,
										items : [{
													columnwidth : .5,
													layout : 'form',
													border : false,
													items : [{
																xtype : 'textfield',
																id:'userNamereg',
																name : 'userName',
																fieldLabel : '用户姓名',
																maxlength : 20,
																maxLengthText:'长度不能超过20个字符',
																allowblank : false,
																blankText : "不能为空，请填写",
																maskRe : /[A-Za-z0-9]/,
																abchor : '90%'
															}]
												}, {
													columnwidth : 0.5,
													layout : 'form',
													border : false,
													items : [{
														xtype : 'panel',
														border : false,
														html : "<span style='color:red;'>*</span>"
													}]

												}]
									}, {
										layout : 'column',
										border : false,
										items : [{
													columnwidth : 0.5,
													layout : 'form',
													border : false,
													items : [{
																name : 'pw1',
																id:'passwordpw1',
																xtype : 'textfield',
																inputType : 'password',
																fieldLabel : '密码',
																allowblank : false,
																maxlength : 20,
																maxLengthText:'长度不能超过20个字符',
																blankText : "不能为空，请填写",
																abchor : '90%'
															}]
												}, {
													columnwidth : 0.5,
													layout : 'form',
													border : false,
													items : [{
														xtype : 'panel',
														border : false,
														html : "<span style='color:red;'>*</span>"
													}]

												}]
									}, {
										layout : 'column',
										border : false,
										items : [{
													columnwidth : 0.5,
													layout : 'form',
													border : false,
													items : [{
																name : 'pw2',
																id:'passwordpw2',
																xtype : 'textfield',
																inputType : 'password',
																fieldLabel : '确认密码',
																allowblank : false,
																maxlength : 20,
																maxLengthText:'长度不能超过20个字符',
																blankText : "不能为空，请填写",
																abchor : '90%'
															}]
												}, {
													columnwidth : .5,
													layout : 'form',
													border : false,
													items : [{
														xtype : 'panel',
														border : false,
														html : "<span style='color:red;'>*</span>"
													}]

												}]
									}],buttons : [{
										text : '保存',
										scope : this,
										handler : function() {
											var obj = editForm2;
											if (obj.form.isValid()) {
												var p1 = Ext.getCmp('passwordpw1');
												var p2 = Ext.getCmp('passwordpw2');
												if (p1.getValue() == p2.getValue()) {
													obj.form.submit(
															{
																url : "addCompanyUser.action",
																method : "post",
																params : "",
																success : function(form,response) {
																	var resjson=Ext.util.JSON.decode(response.response.responseText);
																	
																    Ext.Msg.alert("系统消息",resjson.message);
																    addWindow.hide();
																	obj.form.reset();
																},
																failure : function(form,response) {
																    Ext.Msg.alert("系统消息","系统出错");
																	obj.form.reset();
																
																}
															})
												} else {
													Ext.Msg.alert('提示',"两次输入密码不一样");
												}
											}
										}
									}, {
										text : '重置',
										scope : this,
										handler : function() {
											editForm2.form.reset();
										}
									}]
									})]
	})
function deleteUser(){
 var sm=userList.getSelectionModel();
	var record=sm.getSelections()[0];
	if(record==null){
		return;
	}
	var userid=record.get('id');
	Ext.Msg.confirm("删除模型","确认要删除选中的账户吗？",function (btn){ 
		if (btn == 'yes'){ 
			Ext.Ajax.request({
				method:'POST',
				url:'deleteCompanyUser',
				params : {
							id:userid
						  },
				success : function(request) {
					
					Ext.Msg.alert('删除成功！');
					userList.getStore().remove(record);
				}
				
			});
		}
		
	});
}

//显示所有列表
function showAllUser(){	
	allocateUserStore.proxy=new Ext.data.HttpProxy({
		url : 'showUserList',
		method : 'post'
	});
	allocateUserStore.load({ params: { start: 0, limit: 20} });
}